<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title>党建会议助手</title>
    <link rel="stylesheet" href="../../../css/mui.min.css" />
    <script src="../../../js/mui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../css/app.css" />
    <link rel="stylesheet" href="../../../npl/css/vant.mini.css" />
    <link rel="stylesheet" href="../css/meeting.css " />
    <script src="../../../js/jquery-3.6.0.min.js"></script>
    <script src="../../../js/flexible.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/sm2.js"></script>
    <script src="../../../js/sm3.js"></script>
    <script src="../../../js/clipboard.js"></script>
    <script src="../../../npl/js/vant.mini.js"></script>
    <script src="../../../js/vconsole.min.js"></script>
    <script src="../../text.js" type="text/javascript"></script>

    <script src="../js/util.js" type="text/javascript"></script>

    <style>

    </style>
</head>
<body>
<div id="app" v-cloak>
    <div class="is-loading">
        <div class="curtain">
            <div class="loadingBgc">
                <div class="loader"></div>
            </div>
        </div>
    </div>
    <div class="trainTickets" style="height: calc(100% - 20px)">
        <div class="header_tit">
            <van-nav-bar title="党建会议助手" left-arrow>
                <template #left>
                    <div class="back_l" @click="home">
                        <img src="../../../image/left.png" alt="" />
                    </div>
                </template>
                <template #right>
                </template>
            </van-nav-bar>
        </div>
        <div style="padding: 0.2rem 0.4rem 0rem;">
            <van-row type="flex" justify="space-around">
                <van-col span="11" class="custom-col active-brightness" @click="topptView(0)">
                </van-col>
                <van-col span="11" class="custom-col2 active-brightness" @click="topptView(1)">
                </van-col>
            </van-row>
        </div>
        <div style="height: 100%;">
            <van-row :class="['search-row', isSearchFocused ? 'no-bottom' : '']">
                <div class="search-item-in active-brightness" @click="searchShow()" v-if="!showSearch">
                    <a class="search-a">记录列表</a>
                    <div class="search-back active-brightness" @click="searchShow()"></div>
                </div>
                <div v-if="showSearch" style="line-height: 1rem;">
                    <van-icon name="search" class="search-btn-l"></van-icon>
                    <input v-if="showSearch" class="search-input" @keyup.enter="onSearch()" v-model="searchParams" placeholder="请输入..."></input>
                    <span @click="onCancel" class="search-cancle active-brightness">取消</span>
                </div>
            </van-row>

            <div v-if="isSearchFocused" style="display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 50px;">
                <div class="searchBackGroud" >
                </div>
            </div>
            <div class="List" v-show="!isSearchFocused">
                <van-list
                        v-model="loading"
                        :finished="finished"
                        finished-text="没有更多了"
                        @load="onLoad">
                    <van-swipe-cell v-for="(item,index) in pptList" :key="index">
                        <div class="list-item">
                            <div class="list-item-r" @click="preview(item)">
                                <div class="title">{{ item.meetingName }}</div>
                                <div class="desc">{{ item.createTime }}</div>
                            </div>
                            <div class="list-item-status">
                                <img :src="getStatusImg(item)" />
                                <!-- <img :src="../images/meeting/meeting_status0.png" /> -->
                            </div>
                        </div>
                        <template #right>
                            <van-button class="delete-button" @click="openShare(item)" icon="share-o" square text="分享" color="#FF9932">分享</van-button>
                            <van-button class="delete-button" @click="delConfirm(item)" icon="delete-o" square text="删除" type="danger">删除</van-button>
                        </template>
                    </van-swipe-cell>
                </van-list>
            </div>

        </div>
    </div>
    <!-- 分享弹窗 -->
    <van-popup style="min-height: 4rem; width: 80%; padding: 20px 10px 10px;
        justify-content: space-around;flex-direction: column;" :close-on-click-overlay="false" 
        round v-model="shareShow" closeable>
        <van-form style="margin-top: -0.3rem; line-height: 1rem; border-bottom: 0.01rem solid #F8F8F9;">
            <div style="text-align: center;font-size: 18px;font-weight:bold;">分享</div>
        </van-form>
        <div style="margin-bottom:0.2rem;">
            <van-grid :column-num="2">
                <van-grid-item v-for="item in shareTypeList" :key="item.id" @click="handleShareTypeSelect(item)">
                    <img style="width:1.5rem;" :src="item.logo" alt="">
                    <div class="grid-title">    
                        <van-radio-group v-model="selShareType">
                            <van-radio :name="item.type">{{item.title}}</van-radio>
                        </van-radio-group>
                    </div>
                </van-grid-item>
            </van-grid>
        </div>
        <div class="share-confirm">
            <van-button class="share-confirm-btn" type="primary" color="#FF0000" round @click="shareConfirm()">确定</van-button>
        </div>
    </van-popup>
</div>

<script src="../js/meeting.js"></script>
</body>
</html>
